{extend name="layout/layout" /}

{block name="pagecss"}
<style>
    .table-scrollable p {
        margin-top: 20px !important;
    }
</style>
{/block}

{block name="content"}
<div class="row">
    <div class="col-md-12">
        <div class="tabbable-custom nav-justified">
            <ul class="nav nav-tabs nav-justified">
                <li class="active">
                    <a href="#tab_0" data-toggle="tab" aria-expanded="true" class=""> 详情 </a>
                </li>
                <li>
                    <a href="#tab_1" data-toggle="tab" aria-expanded="false" class=""> 签到 </a>
                </li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane active" id="tab_0">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="">
                                <h3 class="text-center exam-title"> {$info.title} </h3>
                                <div class="text-center">
                                    <span>发布方：{$info.organization} </span>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span>发布时间： {$info.createDate} </span>
                                </div>
                            </div>

                            <div class="" style="margin-top: 20px;">
                                <div class="form-body">
                                    <p> 会议主题： {$info.title} </p>
                                    <p> 会议时间： {$info.startTime} 至 {$info.endTime} </p>
                                    <p> 会议地点： {$info.address} </p>
                                    <div style="margin-top: 50px;">
                                        <label> 会议简介： </label>
                                        <p> {$info.content} </p>
                                    </div>
                                </div>
                            </div>

                            <div class="" style="margin-top: 40px;">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label class="control-label"> 参会人员： </label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        {foreach name="info.joinmeeting" item="joinmeeting" key="key"}
                                            <div class="col-md-1">
                                                <div class="form-group form-md-line-input">
                                                    <img src="{$joinmeeting.avatar}" style="width: 40px;height: 40px;">
                                                    <div> {$joinmeeting.name} </div>
                                                    <div> {$joinmeeting.job} </div>
                                                </div>
                                            </div>
                                        {/foreach}
                                    </div>
                                </div>
                            </div>

                            <input type="hidden" name="meetingId" value="{$info.id}">
                        </div>
                    </div>
                </div>

                <div class="tab-pane" id="tab_1">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="">
                                <form action="" class="form-horizontal" name="ajaxForm">
                                    <div class="">
                                        <table id="signMember-datatable" class="table table-bordered table-hover dataTable">

                                        </table>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" class="joinmeetingDatalist_url" value="{:url('admin/'.strtolower($model).'/joinmeetinglist')}">
{/block}

{block name="pagescript"}
<script src="__STATIC__/admin/pages/js/joinmeeting.js" type="text/javascript"></script>
{/block}